<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>房屋租赁平台---用户中心</title>
  <link rel="stylesheet" href="/static/my/fangyuan_files/common.css">
  <link rel="stylesheet" href="/static/my/fangyuan_files/main.css">
  <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
  <script>
    function deleteById(idData) {
      // alert(id)
      $.ajax({
        url: "/user/message/delete",
        type: "post",
        cache: false,
        data: {id:idData},
        dataType:'json',
        withCredentials: true,
        success: function (data) {

          location.reload();
        }
      })

    }
  </script>
<body>
  <div th:replace="common/head.html::banner(${user})"></div>
  <div class="user-main">
    <div class="main-left fl">
      <div style="text-align:center">
        <img id="" style="width:100px;
        height:100px;
        border-radius:8px;" th:src="${userInf.getProfill()}">
      </div>
      <div class="">

      </div>
      <div class="user-name">欢迎你</div>
      <ul>
        <li ><a href="/user/mine">我的资料</a></li>
        <li><a href="/user/myhouse">我发布的</a></li>
        <li ><a href="/user/collect">我收藏的</a></li>
        <li><a href="/house/newhouse" target="_blank">发布房源</a></li>
        <li class="hover"><a href="/user/message">我的留言板</a></li>
        <li><a href="/user/news">合租需求</a></li>

      </ul>
    </div>
    <div class="main-right fr" id="allList">
      <div class="title" id="showTotal">共<span th:text="${messageVoList.size()}"></span>条 留言</div>


      <div class="all-list selected fav-list" style="display:block;" id="ershoufang">

        <ul class="list-bot">

          <li th:each="messageVo:${messageVoList}" class="LOGCLICKDATA" data-lj_view_evtid="23708" data-lj_evtid="23709" data-lj_view_event="ItemExpo" data-lj_click_event="WebClick" data-lj_action_click_position="0" data-lj_action_housedel_id="103109036876" data-lj_action_source_type="我关注的房源卡片">
            <div class="list">
              <div class="pic-panel">


                <a target="_blank">

                  <img th:src="${messageVo.getUserImageUrl()}">


                </a>
              </div>
              <div class="info-panel">
                <h2>

                  <a target="_blank" href="#" th:text="${messageVo.userName}">

                  </a>
                </h2>
                <div class="col-1">
                  <div class="where">
                    <span class="region" th:text="${messageVo.content}">&nbsp;&nbsp;</span>
                  </div>
                  <div class="other">
                  </div>
                </div>
                <div class="col-3">

                  <div class="price">

                    <button id="delete" type="button" class="btn btn-default" style="width:80px;
height:30px;
background:rgb(227,58,52);
border-radius:8px;">
            <span style="width:10px;
height:13px;
font-size:8px;
font-family:PingFangSC-Semibold,PingFang SC;
font-weight:600;
color:rgba(255,255,255,1);
line-height:21px;
text-shadow:0px 2px 4px rgba(134,253,133,0.3);" th:onclick="'deleteById('+${messageVo.getId()}+')'">删除</span>
                    </button>

                  </div>

                </div>
              </div>
            </div>
          </li>


        </ul>

      </div>
      <div class="all-list fav-list" id="xinfang"></div>
      <div class="all-list fav-list" id="zufang"></div>
    </div>
    <div class="clear"></div>
    <div id="matchBar" style="display: none;">
      <div class="match-nav">

        <div class="unadd-nav-box">
          <span class="unadd-nav-name">对比房源</span>
          <span class="unadd-nav-num"><span>0</span>/4</span>
        </div>

        <div class="go-top"><i></i></div>
      </div>
    </div>
  </div>


</body>

</html>